.article {
	min-height: 200rpx;
	background-color: #fff;
	// margin-top: 20rpx;
	// padding-top: 30rpx;
	padding-bottom: 30rpx;
	padding-left: 20rpx;
	padding-right: 20rpx;
	.circle-title {
		display: flex;
		.circle-title-l {
			font-size: 40rpx;
			padding-left: 10rpx;
		}
		.circle-title-r {
			margin-left: auto;
			color: #999999;
			font-size: 24rpx;
			line-height: 56rpx;
		}
	}
	.article-list {
		margin-top: 40rpx;
		.article-list-view {
			display: flex;
			margin-bottom: 32rpx;
			padding-bottom: 16rpx;
			border-bottom: 2rpx solid #e8e8e8;
			image {
				width: 240rpx;
				height: 168rpx;
				border-radius: 20rpx;
			}
			.article-list-view-r {
				margin-left: 32rpx;
				width: 434rpx;
				.article-list-view-r-title {
					font-size: 30rpx;
					font-weight: 500;
					 white-space: nowrap;
					  overflow: hidden;
					  text-overflow: ellipsis;
				}
				.article-list-view-r-cennt {
					color: #999999;
					font-size: 26rpx;
					overflow: hidden;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					margin-top: 20rpx;
				}
				.article-list-view-r-date {
					color: #999999;
					font-size: 26rpx;
					padding-top: 12rpx;
				}
			}
		}
	}
}